<template>
    <!-- 提现历史 -->
    <div class="pl-30 pr-30">
        <div class="text-center recharge-text font-30">{{ $t('数字货币') }}</div>
<!--        <div class="flex justify-between mb82" v-for="(item,index) in list" :key="index" @click="onDetail(item)">-->
<!--            <div>-->
<!--                <div class="font-35">{{ item.coin }}</div>-->
<!--                <div class="text-grey font-30 mt20">{{ item.createTime }}</div>-->
<!--            </div>-->
<!--            <div>-->
<!--                <div class="font-35 text-right">{{ item.amount }}</div>-->
<!--                <div class="mt20">-->
<!--                    <div class="flex justify-end" v-if="item.status==0">-->
<!--                        <div class="common-round yellow-round"></div>-->
<!--                        <div class="text-grey font-30">{{ $t('审核中') }}</div>-->
<!--                    </div>-->
<!--                    <div class="flex" v-if="item.status==1">-->
<!--                        <div class="common-round green-round"></div>-->
<!--                        <div class="text-grey font-30">{{ $t('成功') }}</div>-->
<!--                    </div>-->
<!--                    <div class="flex" v-if="item.status==2">-->
<!--                        <div class="common-round red-round"></div>-->
<!--                        <div class="text-grey font-30">{{ $t('失败') }}</div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
      <van-pull-refresh v-model="isLoading" @refresh="onRefresh" :pulling-text="$t('下拉即可刷新')" :loosing-text="$t('释放即可刷新')" :loading-text="$t('加载中')">
        <div>
          <div v-if='noData' class="textColor">
            {{ $t('暂无数据') }}
          </div>
          <template v-else>
            <van-list
                :immediate-check="false"
                v-model="loading"
                :finished="finished"
                :finished-text="$t('已经全部加载完毕')"
                :offset="130"
                @load="onLoad"
                :loading-text="$t('加载中...')">
              <div class="flex justify-between mb82" v-for="(item,index) in list" :key="index" @click="onDetail(item)">
                <div>
                  <div class="font-35 textColor">{{ item.coin }}</div>
                  <div class="text-grey font-30 mt20">{{ item.createTime }}</div>
                </div>
                <div>
                  <div class="font-35 text-right textColor">{{ item.amount }}</div>
                  <div class="mt20">
                    <div class="flex justify-end" v-if="item.status==0">
                      <div class="common-round yellow-round"></div>
                      <div class="text-grey font-30">{{ $t('审核中') }}</div>
                    </div>
                    <div class="flex justify-end" v-if="item.status==1">
                      <div class="common-round green-round"></div>
                      <div class="text-grey font-30">{{ $t('成功') }}</div>
                    </div>
                    <div class="flex" v-if="item.status==2">
                      <div class="common-round red-round"></div>
                      <div class="text-grey font-30">{{ $t('失败') }}</div>
                    </div>
                  </div>
                </div>
              </div>
            </van-list>
          </template>
        </div>
      </van-pull-refresh>
    </div>
</template>

<script>
import AxiosWithdraw from "@/API/withdraw.js"
import { List,PullRefresh } from 'vant';
export default {
    name:"withdrawHistory",
    components: {
      [List.name]: List,
      [PullRefresh.name]:PullRefresh
    },
    data() {
        return {
          list:[],
          page:1,
          loading: false, // 当loading为true时，转圈圈
          finished: false,  // 数据是否请求结束，结束会先显示'已经全部加载完毕'
          noData:false ,// 如果没有数据，显示暂无数据
          isLoading:false,   // 下拉的加载图案
        }
    },
    mounted() {
        this.getList();
    },
    methods: {
        onDetail(item) {
            this.$router.push('/withdraw/withdrawDetail?order_no='+ item.order_no)
        },
        getList(isInit) {
            AxiosWithdraw.WithdrawList({
              page_no:this.page
            }).then((res)=>{
              this.isLoading = false
              if (res.code == 0) {
                this.loading = false;
                this.list = this.list.concat(res.data);
                // 如果没有数据，显示暂无数据
                if (this.list.length === 0 && this.page === 1) {
                  this.noData = true
                }
                // 如果加载完毕，显示没有更多了
                if (res.data.length < 8) {
                  console.log('sdjajajd')
                  this.finished = true
                }
                this.page++;
              }
            });
        },
        onLoad() {
          setTimeout(() => {
            this.getList();
          }, 500)
        },
        onRefresh () {
          this.list = []
          this.page = 1
          this.loading = true
          this.finished = false
          this.noData = false
          this.onLoad()
        }
    }
}
</script>

<style lang="scss" scoped>
@import "./history.scss";

</style>
